<template>
  <div>
    <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/">活动管理</a></el-breadcrumb-item>
        <el-breadcrumb-item>活动列表</el-breadcrumb-item>
        <el-breadcrumb-item>{{ arr.matched }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
import { ref, reactive, computed, watch } from "vue";
import { useRouter, useRoute } from "vue-router";
import { useStore } from 'vuex';
export default {
  name: '',
  props: {
    routes: {
        type: Array,
        default: () => {[]}
    }
  },
  setup (props) {
    let arr = reactive(props.routes);
    return {
        arr
    };
  },
}
</script>
<style scoped>

</style>